a {
  text-align: center;
}

* {
  margin: 0px;
  padding: 0px;
}
.box {
  width: 500px;
  height: 400px;
  border: 2px dashed aqua;
}
.box .small {
  width: 200px;
  margin: 0px auto;
  background: blue;
}
.box .small h1 {
  color: #fff;
}
.box:hover {
  border: 10px solid blue;
}
.box:hover .small {
  background: red;
}
.cc {
  width: 400px;
  height: 400px;
  border: 5px solid red;
}
